import type { Metadata } from 'next'
import './globals.css'
import { TRPCProvider } from '@/lib/trpc-provider'
import { Header } from '@/components/header'
import { Footer } from '@/components/footer'

export const metadata: Metadata = {
  title: 'DevBox - 开发者在线工具集',
  description: '一个面向全球开发者的现代化在线工具集，包含102个精心设计的微工具',
  keywords: ['开发工具', 'JSON格式化', 'Base64转换', 'UUID生成', '在线工具'],
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="zh-CN">
      <body className="font-sans">
        <TRPCProvider>
          <div className="min-h-screen flex flex-col">
            <Header />
            <main className="flex-1">
              {children}
            </main>
            <Footer />
          </div>
        </TRPCProvider>
      </body>
    </html>
  )
}